<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/xzcx.css">
    <title>薪资查询</title>
</head>
<body>
    <header class="header">薪资查询</header>
    <div class="nav">参考薪资</div>
    <div class="section">
        <h6>北京 地区  JAVA岗位  1-3年工作经验的参考薪资</h6>
        <h1>￥1.8821</h1>
        <h5>现有23131个岗位</h5>
    </div>
    <div class="nav">薪资发布</div>
    <div class="fenbu">
        <div class="nbv">
            <div class="nbv-tu">
            </div>
        </div>
        <div class="ncv">
           <a href="#" class="item">
               <p class="k">区间</p>
               <p class="bfb">占比</p>
           </a>
           <a href="#">
            <p class="k">4.5k-6k</p>
            <p class="bfb">1.2%</p>
           </a>
           <a href="#">
            <p class="k">6k-8k</p>
            <p class="bfb">3.5%</p>
           </a>
           <a href="#">
            <p class="k">8k-10k</p>
            <p class="bfb">4.4%</p>
           </a>
           <a href="#">
            <p class="k">10k-15k</p>
            <p class="bfb">16%</p>
           </a>
           <a href="#">
            <p class="k">15k-20k</p>
            <p class="bfb">18.9%</p>
           </a>
           <a href="#">
            <p class="k">20k-30k</p>
            <p class="bfb">35.7%</p>
           </a>
           <a href="#">
            <p class="k">30k-50k</p>
            <p class="bfb">18.8%</p>
           </a>
        </div>
    </div>
    <div class="nav">各地区薪资</div>
    <div class="xinzi">
        <a href="#">
            <p class="circle one">1</p>
            <p class="area">北京---------------------------------------</p>
            <p class="money">￥18981</p>
        </a>
        <a href="#">
            <p class="circle two">2</p>
            <p class="area">上海---------------------------------------</p>
            <p class="money">￥18000</p>
        </a>
        <a href="#">
            <p class="circle three">3</p>
            <p class="area">广州---------------------------------------</p>
            <p class="money">￥15880</p>
        </a>
        <a href="#">
            <p class="circle">4</p>
            <p class="area">杭州---------------------------------------</p>
            <p class="money">￥14880</p>
        </a>
        <a href="#">
            <p class="circle">5</p>
            <p class="area">天津---------------------------------------</p>
            <p class="money">￥13880</p>
        </a>
        <a href="#">
            <p class="circle">6</p>
            <p class="area">太原---------------------------------------</p>
            <p class="money">￥12880</p>
        </a>
        <a href="#">
            <p class="circle">7</p>
            <p class="area">西安---------------------------------------</p>
            <p class="money">￥10000</p>
        </a>
        
    </div>
</body>
</html>